.blur {
  background-color: black;
  margin: 100px;
  border-radius: 50%;
  animation-name: blur;
  animation-timing-function: linear;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}


@keyframes blur {
  0% {
    filter: blur(0px);
  }

  35% {
    filter: blur(0px);
  }

  70% {
    filter: blur(100px);
  }

  80% {
    filter: blur(100px);
  }

  100% {
    filter: blur(0px);
  }
}
.only-zoom {
  transform: translate(200px, 200px);
}
.only-move {
  transform: scale(2);
}

.move-zoom {
  transform: translate(200px, 200px) scale(2);
}

.transition {
  transition: transform 1s;
}